<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<title>导航</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />-->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<style>
			html,
			body {
				height: 100%;
				width: 100%;
			}
			#wrap {
				height: 100%;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-flex-flow: column;
				flex-flow: column;
			}
			#main {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
			}
			.mui-bar {
				height: auto;
			}
		
			ul {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
			}
			.bottom_btn {
				background-position-y: 4px;
				padding-top: 16px;
				font-size: 12px;
				color: #323237;
				width: 99%;
				height: 39px;
				background-repeat: no-repeat no-repeat;
				background-position-x: center;
				background-size: 30px;
			}
			.active .bottom_btn {
				color: #6ab494;
				background-size: 30px;
			}
			.topbar {
				background: #f6661f;
				/*height: 45px;*/
				
				border-bottom: 1px solid #f6661f;
				line-height: 45px;
				text-align: center;
				display: none;
				color: #fff;
			}

		</style>
	</head>

	<body>
		<div id="wrap">
			<p style="margin-top: 100px;" class="mui-text-center">尚未完成！</p>
		</div>
	</body>
	<script type="text/javascript" src="script/api.js"></script>
	<script src="script/app.js" type="text/javascript" charset="utf-8"></script>
</html>
